<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <link href="http://res.sentsin.com/css/xu.css" type="text/css" rel="stylesheet" />
    <link href="http://sentsin.com/jquery/layer/demo.css" type="text/css" rel="stylesheet" />
    <script src="http://res.xiami.net/pc/lay/lib.js"></script>
    <script src="http://res.sentsin.com/lay/lib/layer/layer.min.js?v=1.8.5"></script>
    <title></title>
    <script type="text/javascript">
    function yulan(id){
        $.post("createcss_iframe.php", $("#"+id).serializeArray(), function(data,textStatus){
            $.layer({
                type: 2,
                shadeClose: true,
                title: false,
                closeBtn: [0, false],
                shade: [0.8, '#000'],
                border: [0],
                offset: ['20px',''],
                area: ['800px', ($(window).height() - 50) +'px'],
                iframe: {src: 'createcss_iframe.htm'}
            });
        });
    }
    $(document).ready(function()
       $("textarea").bind("dblclick",function(){
            if($(this).height()<200){
                $(this).height(600);
                $(this).width(1000);
            }else{
                $(this).height(105);
                $(this).width(619);
            }
        }))

    </script>
</head>

<?php
/**
 * Created by PhpStorm.
 * User: admin
 * Date: 14-10-25
 * Time: ����10:42
 */


?>
<style>
    * {
        word-wrap: break-word;
    }
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
        margin: 0;
        padding: 0;
        line-height: 24px;
    }
    body, button, input, select, textarea {
        color: #333;
        font: 12px tahoma,arial,����;
    }
    ul, ol, li {
        list-style: none outside none;
    }
    .fr{float:right}
    .fl{float:left}
    .p10{padding:10px}
    .p20{padding:20px}
    .m5{margin:5px}
    .m10{margin:10px}
    .dt{font-weight: bold}
    .colorRed {
        color: #cc3366;
    }
    a{text-decoration: none;}
    a:hover{text-decoration:underline}
    .lx textarea {
        border: 1px solid #ccc;
        float: left;
        font-size: 12px;
        height: 106px;
        width: 619px;
    }
    .lx .hd {
        font-size: 14px;
        height: 30px;
        width: 126px;
    }
    .lx input{border:1px solid #ccc;width:50px;height:40px;margin-left:12px}
    .lx {display: inline-block;margin:10px 5px;padding-bottom:10px;border-bottom: 1px dashed #eee}
    .set{width:200px;margin:10px 10px}
    .area {
        clear: both;
        margin: 0 auto;
        overflow: hidden;
        background:#fff;
        text-align: center;
    }
</style>
<form>
<div style="position: fixed;width:100%;height:200px;z-index: 9;background: #fff">
    <ul class="set">
        <li><span class="fl">ͼƬ��ַ</span><span class="fr"><input tyle="text" size=20 name="imgurl" value="6666"></span></li>
        <li><span class="fl"></span><span class="fl"></span></li>
        <li><span class="fl"></span><span class="fl"></span></li>
        <li><span class="fl"></span><span class="fl"></span></li>
        <li><span class="fl"></span><span class="fl"></span></li>
    </ul>
</div></form>
<div style="position:absolute;top:200px">
    <div class="lx">
        <form id="fjjcrs">
        <textarea name="nr">
            * {
            word-wrap: break-word;
            }
            body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
            margin: 0;
            padding: 0;
            }
            body, button, input, select, textarea {
            color: #333;
            font: 12px tahoma,arial,����;
            }
            ul, ol, li {
            list-style: none outside none;
            }
            .fr{float:right}
            .fl{float:left}
            .p10{padding:10px}
            .p20{padding:20px}
            .m5{margin:5px}
            .m10{margin:10px}
            .dt{font-weight: bold}
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>����������ʽ</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('fjjcrs')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="area">
        <textarea name="nr">
            .area {
            clear: both;
            margin: 0 auto;
            overflow: hidden;
            background:#fff;
            text-align: center;
            }
            <div class="area"></div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͨ��</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('area')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="tlggt">
        <textarea name="nr">
            .frame {
            background: none repeat scroll 0 0 #fff;
            border: 1px solid #ccc;
            margin-bottom: 10px;
            }
            .frame-1{
            width: 100%;
            float: left;
            }
            <div class="area">
                <div class="frame">
                    <div class="frame-l">
                        <a target="_blank" href=""><img src="/statics/images/index/ccgg1.jpg" alt=""/></a>
                    </div>
                </div>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͨ�����ͼ</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('tlggt')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="tlggt2">
        <textarea name="nr">
            .frame {
            background: none repeat scroll 0 0 #fff;
            border: 1px solid #ccc;
            margin-bottom: 10px;
            }
            .frame-2-l, .frame-2-r{
            width: 49.9%;
            float: left;
            }
            <div class="area">
                <div class="frame">
                    <div class="frame-2-l">
                        <a target="_blank" href="">
                            <img width="100%" src="IMG">
                        </a>
                    </div>
                    <div class="frame-2-r">
                        <a target="_blank" href="">
                            <img width="100%" src="IMG">
                        </a>
                    </div>
                </div>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͨ�����2ͼ</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('tlggt2')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="tlggt3">
        <textarea name="nr">
            .frame, .frame-tab {
            background: none repeat scroll 0 0 #fff;
            border: 1px solid #ccc;
            margin-bottom: 10px;
            }
            .frame-3-l, .frame-3-c, .frame-3-r{
            width: 33.3%;
            float: left;
            }

            <div class="area">
                <div class="frame">
                    <div class="frame-3-l">
                        <a target="_blank" href="">
                            <img width="100%" src="IMG">
                        </a>
                    </div>
                    <div class="frame-3-c">
                        <a target="_blank" href="">
                            <img width="100%" src="IMG">
                        </a>
                    </div>
                    <div class="frame-3-r">
                        <a target="_blank" href="">
                            <img width="100%" src="IMG">
                        </a>
                    </div>
                </div>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͨ�����3ͼ</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('tlggt2')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="xtzf">
        <textarea name="nr">
            #imgtxt a{
            margin:0 0 0 60px;
            padding:2px 15px;
            text-decoration:none;
            font-weight:normal;
            color:#000;
            background:url(IMG) no-repeat 0 50%;
            }
            <div id="imgtxt"><a>����</a></div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>Сͼ�ַ�</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('xtzf')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="tpbt">
        <textarea name="nr">
            .imgbtbox {
            margin-top: 8px;
            overflow: hidden;
            width: 100%;
            }
            .imgbtbox ul{
            overflow: hidden;
            width: 420px;
            }
            .imgbtbox ul li{
            float: left;
            margin-right: 10px;
            width: 120px;
            }
            .imgbtbox ul li img {
            height: 90px;
            width: 120px;
            }
            .imgbtbox ul li p {
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            }
            <div class="imgbtbox">
                <ul><li class="li"> <a href="thread-67301-1-1.html" target="_blank" title="������������족"> <img width="120" height="90" src="http://img01.mopimg.cn/nanning/block/70/70137130c214e82a63ad601c0e7d2970.jpg" alt="������������족"> </a>
                        <p><a href="thread-67301-1-1.html" target="_blank" title="������������족">������������족</a></p>
                    </li>
                </ul>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͼƬ����</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('xtzf')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="tpnbt">
        <textarea name="nr">
            .imgnbtbox {
            margin-top: 8px;
            padding-left: 10px;
            width: 390px;
            height: 330px;
            overflow: hidden;
            }

            .imgnbtbox ul{
            overflow: hidden;
            }
            .imgnbtbox ul li{
            float: left;
            margin-right: 10px;
            width: 180px;
            height: 244px;
            position: relative;
            }
            .imgnbtbox ul li img {
            height: 100%;
            width: 100%;
            }
            .textBjOpacity2 {
            border-top: 1px solid #000;
            }

            .textBjOpacity {
            background-color: #000;
            bottom: 0;
            height: 38px;
            left: 0;
            opacity: 0.5;
            position: absolute;
            width: 100%;
            }

            a.textOpacity {
            bottom: 0;
            color: #fff;
            display: block;
            height: 38px;
            left: 0;
            line-height: 38px;
            overflow: hidden;
            position: absolute;
            text-align: center;
            width: 100%;
            }
            <div class="imgnbtbox">
                <ul>
                    <li class="li">
                        <a href="" target="_blank" title="">
                            <img width="120" height="90" src="IMG" alt="">
                        </a>
                        <a class="textOpacity" href="thread-55154-1-1.html" target="_blank" title="�����ڹ�·�ϵ���Щ������">�����ڹ�·�ϵ���Щ������</a>
                    </li>
                </ul>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͼƬ�ڱ���</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('tpnbt')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="tpbtjj">
        <textarea name="nr">
            .imgbttext {
            font-size: 14px;
            overflow: hidden;
            }

            .imgbttext dl {
            width: 138px;
            }
            .imgbttext dl dt {
            font-weight: bold;
            height: 44px;
            line-height: 22px;
            overflow: hidden;
            padding-bottom: 6px;
            }
            .imgbttext dl dd {
            color: #666;
            height: 40px;
            line-height: 20px;
            overflow: hidden;
            }
            .colorRed {
            color: #cc3366;
            }
            <div class="imgbttext mt15">
                <a href="" target="_blank" title="" class="fl"><img width="130" height="90" src="IMG" alt=""></a>
                <dl class="fr">
                    <dt>
                        <a href="" target="_blank" title="" class="colorRed">ŮС͵���Ա�ץ �⵱�ڰ���</a>
                    </dt>
                    <dd>����ʹ�򡢰����ν֡��¹��ϴ������ɷ��ϣ�С͵����Ϊ�������г�ʹ�޵ġ���������С
                    </dd>
                </dl>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͼƬ��������</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('tpbtjj')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="tpbtjjgd">
        <textarea name="nr">
            #sweden dl{
            float;left;
            width:260px;margin:10px 20px;
            padding:0;
            display:inline;
            }

            #sweden dt{
            float:right;
            width:162px;
            margin:0;
            padding:0;
            font-size:130%;
            color:#627081
            }

            #sweden dd{
            margin:0;
            padding:0;
            font-size:85%;
            line-height:1.5em;
            color:#666
            }

            #swden dd.img img{
            float:left;
            margin:0 8px 0 0;
            padding:4px;
            border:1px solid #D9E0E6;
            border-bottom-color:#C8CDD2;
            border-right-color:#C8CDD2;
            background:#fff;
            }

            #swden .alt dt{
            float:left;
            }

            #sweden .alt dd.img img{
            float:right;
            margin:0 0 0 8px;
            }
            <dl>
                <dt>����</dt>
                <dd><img src="IMG" width="80" height="80" alt=""><dd>
                <dd></dd>
            </dl>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͼƬ��������(�̶����)</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('tpbtjjgd')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>


    <div class="lx">
        <form id="news">
        <textarea name="nr">
        .news{
        margin-top: 10px;
        -border-top: 1px dashed #999;
        -padding-top: 6px;
        }
        .news li {
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        }
        .news  a {
        color: #333;
        text-decoration: none;
        }
        <ul class="news">
            <li>
                <a href="thread-58644-1-1.html" target="_blank" title="��У������Ů��ѧ����ʧ������ ѧУ����">��У������Ů��ѧ����ʧ������ ѧУ����</a>
            </li>
            <li>
                <a href="thread-58174-1-1.html" target="_blank" title="����һ��У��ʦҪ��ѧ����ױ�Ͽ� ����ҪЦ">����һ��У��ʦҪ��ѧ����ױ�Ͽ� ����ҪЦ</a>
            </li>
            <li>
                <a href="thread-58259-1-1.html" target="_blank" title="���ڡ�¥��׼ѧУ �人ĳ��У���ֿ�������">���ڡ�¥��׼ѧУ �人ĳ��У���ֿ�������</a>
            </li>
            <li>
                <a href="thread-58273-1-1.html" target="_blank" title="���踱У����ָ��ʦ����������У��������Ź">���踱У����ָ��ʦ����������У��������Ź</a>
            </li>
        </ul>
        </textarea>
        <div class="fr p10">
        <div class="hd p10">
            <dt>�����б�</dt>
            <dd></dd>
            <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('news')"><input type="button" name="B1" value="����">
        </div>
        </div>
        </form>
</div>

    <div class="lx">
        <form id="news2">
        <textarea name="nr">
            .news{
            margin-top: 14px;
            border-top: 1px dashed #999;
            padding-top: 6px;
            }
            .news li {
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            }
            .news  a {
            color: #333;
            text-decoration: none;
            }
            .mianNews-list-2 a {
            float: left;
            }
            .mianNews-list-2-type {
            color: #999;
            }
            .mianNews-list-2-text {
            font-size: 15px;
            padding-left: 6px;
            text-align:left;
            }

            <ul class="news">
                <li>
                    <a class="mianNews-list-2-type" href="" target="_blank" title="">[��Ŀ]</a>
                    <a class="mianNews-list-2-text" href="thread-58644-1-1.html" target="_blank" title="��У������Ů��ѧ����ʧ������ ѧУ����">��У������Ů��ѧ����ʧ������ ѧУ����</a>
                </li>
                <li>
                    <a class="mianNews-list-2-type" href="" target="_blank" title="">[��Ŀ]</a>
                    <a class="mianNews-list-2-text" href="thread-58174-1-1.html" target="_blank" title="����һ��У��ʦҪ��ѧ����ױ�Ͽ� ����ҪЦ">����һ��У��ʦҪ��ѧ����ױ�Ͽ� ����ҪЦ</a>
                </li>
                <li>
                    <a class="mianNews-list-2-type" href="" target="_blank" title="">[��Ŀ]</a>
                    <a class="mianNews-list-2-text" href="thread-58259-1-1.html" target="_blank" title="���ڡ�¥��׼ѧУ �人ĳ��У���ֿ�������">���ڡ�¥��׼ѧУ �人ĳ��У���ֿ�������</a>
                </li>
                <li>
                    <a class="mianNews-list-2-type" href="" target="_blank" title="">[��Ŀ]</a>
                    <a class="mianNews-list-2-text" href="thread-58273-1-1.html" target="_blank" title="���踱У����ָ��ʦ����������У��������Ź">���踱У����ָ��ʦ����������У��������Ź</a>
                </li>
            </ul>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>�����б�(����)</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('news2')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="news3">
        <textarea name="nr">
            .news{
            margin-top: 14px;
            border-top: 1px dashed #999;
            padding-top: 6px;
            }
            .news li {
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            }
            .news  a {
            color: #333;
            text-decoration: none;
            }
            .mianNews-list-2 a {
            float: left;
            }
            .mianNews-list-2-type {
            color: #999;
            }
            .mianNews-list-2-text {
            font-size: 15px;
            padding-left: 6px;
            }
            a.mianNews-list-2-author {
            color: #000099;
            float: right;
            }

            <ul class="news">
                <li>
                    <a class="mianNews-list-2-type" href="forum.php?mod=forumdisplay&fid=107" target="_blank" title="���޳Եö�Ҫ�󸶻�ʳ�� ��80�󡱷�������">[���]</a>
                    <a class="mianNews-list-2-text" href="thread-67267-1-1.html" target="_blank" title="���޳Եö�Ҫ�󸶻�ʳ�� ��80�󡱷�������">���޳Եö�Ҫ�󸶻�ʳ�� ��80�󡱷�������</a>
                    <a class="mianNews-list-2-author" href="home.php?mod=space&uid=442406178" target="_blank" title="���޳Եö�Ҫ�󸶻�ʳ�� ��80�󡱷�������">����</a>
                </li>
                <li>
                    <a class="mianNews-list-2-type" href="forum.php?mod=forumdisplay&fid=50" target="_blank" title="���ѴӲ��״������ز� ��ȫ��֪����ô��">[���S]</a>
                    <a class="mianNews-list-2-text" href="thread-67209-1-1.html" target="_blank" title="���ѴӲ��״������ز� ��ȫ��֪����ô��">���ѴӲ��״������ز� ��ȫ��֪����ô��</a>
                    <a class="mianNews-list-2-author" href="home.php?mod=space&uid=442406178" target="_blank" title="���ѴӲ��״������ز� ��ȫ��֪����ô��">����</a>
                </li>
                <li>
                    <a class="mianNews-list-2-type" href="forum.php?mod=forumdisplay&fid=50" target="_blank" title="��һ��������֪������ζ ����˲�����Ƥ��">[���S]</a>
                    <a class="mianNews-list-2-text" href="thread-67237-1-1.html" target="_blank" title="��һ��������֪������ζ ����˲�����Ƥ��">��һ��������֪������ζ ����˲�����Ƥ��</a>
                    <a class="mianNews-list-2-author" href="home.php?mod=space&uid=442406178" target="_blank" title="��һ��������֪������ζ ����˲�����Ƥ��">�Ի�</a>
                </li>
                <li>
                    <a class="mianNews-list-2-type" href="forum.php?mod=forumdisplay&fid=114" target="_blank" title="��۫����������ؽ�� ȥ��������Ļƽ��">[����]</a>
                    <a class="mianNews-list-2-text" href="thread-67249-1-1.html" target="_blank" title="��۫����������ؽ�� ȥ��������Ļƽ��">��۫����������ؽ�� ȥ��������Ļƽ��</a>
                    <a class="mianNews-list-2-author" href="home.php?mod=space&uid=442406178" target="_blank" title="��۫����������ؽ�� ȥ��������Ļƽ��">���</a>
                </li>
            </ul>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>�����б�(����)</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('news3')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>


    <div class="lx">
        <form id="dbtjj">
        <textarea name="nr">
            .nnFood-first {
            border-bottom: 1px dashed #999;
            padding-bottom: 6px;
            }
            .nnFood-first h3 {
            font-size: 18px;
            height: 24px;
            line-height: 24px;
            margin-bottom: 2px;
            overflow: hidden;
            text-align: center;
            }
            .nnFood-first p {
            color: #999;
            height: 36px;
            line-height: 18px;
            overflow: hidden;
            text-indent: 2em;
            }
            <div class="nnFood-first">
                <h3> <a href="thread-66505-1-1.html" target="_blank" title="�������������������ޣ�ʷ����ȫ����">�������������������ޣ�ʷ����ȫ����</a> </h3>
                <p>����ʤ�ض��ϲ���ƽ�羳�ڵ�ƽ���壬��ʤ����ʤ����Ⱥ��ģ���</p>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>�����ͼ��</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('dbtjj')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="newslists">
        <textarea name="nr">
            .title-1{
            border-bottom: 1px solid #000;
            overflow: hidden;
            }
            .title-1-bg{
            background-color: #f2f2f2;
            overflow: hidden;
            }

            .title-1 h2 {
            border-bottom: 2px solid #000;
            float: left;
            font: bold 18px/25px ΢���ź�;
            height: 25px;
            padding: 0 2px;
            }
            .newsbox{
            margin-top: 8px;
            overflow: hidden;
            width: 100%;
            }
            .news {
            overflow: hidden;
            padding: 10px 0;
            }
            .news li {
            float: left;
            height: 26px;
            line-height: 26px;
            margin-left: 10px;
            overflow: hidden;
            width: 142px;
            }
            .news  a {
            color: #333;
            text-decoration: none;
            }
            <div>
                <div class="title-1">
                    <h2>��Ŀ���</h2>
                </div>
                <div class=newsbox>
                    <ul class="news">
                        <li><a href="thread-53755-1-1.html" target="_blank" title="�����˴�AAAA�������̵�">�����˴�AAAA�������̵�</a></li>
                    </ul>
                </div>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>�����б�(����)</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('newslists')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="area">
        <textarea name="nr">
            .area {
            clear: both;
            }
            .area {
            margin: 0 auto;
            overflow: hidden;
            }
            <div class="area">
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͨ��</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('area')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="area2">
        <textarea name="nr">
            .s1 {
            margin-right: 0;
            width: 678px;
            }
            .s2 {
            padding-left: 12px;
            width: 310px;
            }
            .s1, .s2 {
            float: left;
            overflow: hidden;
            }
            <div class="area">
                <div class="s1">
                </div>
                <div class="s2">
                </div>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͨ������</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('area')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="area3">
        <textarea name="nr">
            .s1 {
            margin-right: 0;
            width: 678px;
            }
            .s2 {
            padding-left: 12px;
            width: 310px;
            }
            .s1, .s2 {
            float: left;
            overflow: hidden;
            }
            .s1-1{
            width: 270px;
            }
            .s1-2{
            margin-left: 16px;
            width: 386px;
            }
            <div class="area">
                <div class="s1">
                    <div class="s1-1"></div>
                    <div class="s1-2"></div>
                </div>
                <div class="s2">
                </div>
           </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>ͨ������</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('area3')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="pbox">
        <textarea name="nr">
            .pbox{
            padding: 10px 10px 2px;
            background-color: #fff;
            overflow: hidden;
            }
            <div class="pbox">
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>�ڱ߾��</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('pbox')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="dabt">
        <textarea name="nr">
            .dabt h2 {
            font-size: 18px;
            text-align: center;
            }

            <div class="dabt">
                <h2>
                    <a class="colorRed" href="" target="_blank" title="������Ũ�������к��������������ι���">������Ũ�������к��������������ι���</a>
                </h2>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>�����</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('dabt')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="tit">
        <textarea name="nr">
            .titAreaRed {
            background-color: #cc3366;
            }

            .titAreaGrey {
            background-color: #797979;
            }
            .titArea {
            color: #fff;
            height: 40px;
            line-height: 40px;
            margin-bottom: 14px;
            overflow: hidden;
            padding: 0 10px;
            }
            .titArea-left h2 {
            float: left;
            font-size: 16px;
            font-weight: normal;
            }
            <div class="">
                <div class="titArea titAreaRed">
                    <div class="titArea-left">
                        <h2>�����ǵ���</h2>
                    </div>
                </div>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>��Ŀ����</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('tit')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="yqlj">
        <textarea name="nr">
            .friendlyLink {
            padding: 0 10px;
            }
            .friendlyLink dt {
            overflow: hidden;
            padding-top: 4px;
            }
            .friendlyLink-title {
            background-position: 0 0;
            float: left;
            height: 28px;
            width: 200px;
            }
            .titleH2 {
            background-image: url(http://nn.mop.com/static/mop/images/title.png);
            background-repeat: no-repeat;
            overflow: hidden;
            text-indent: -999px;
            }
            .friendlyLink dd {
            font-size: 14px;
            padding-bottom: 10px;
            }

            .friendlyLink dd a {
            color: #333;
            line-height: 26px;
            margin-right: 22px;
            }
            <dl class="friendlyLink">
                <dt>
                <h2 class="friendlyLink-title titleH2">��������</h2>
                </dt>
                <dd><a href="http://www.mop.com" target="_blank">è��</a><a href="http://emotion.mop.com/" target="_blank">è�����</a><a href="http://fashion.mop.com/" target="_blank">è��ʱ��</a><a href="http://digi.mop.com/" target="_blank">è������</a><a href="http://gx.tianya.cn/ " target="_blank">���Ĺ���</a><a href="http://www.nntv.cn/" target="_blank">������Ƶ</a><a href="http://www.gxcity.com/" target="_blank">����������</a><a href="http://nn.house.qq.com/ " target="_blank">��Ѷ��������վ</a><a href="http://www.nnnews.net/" target="_blank">����������</a><a href="http://www.gxpiao.com" target="_blank">����Ʊ����</a><a href="http://www.yhsdfilm.com/" target="_blank">������ӰԺ</a><a href="http://www.gxbali.com" target="_blank">��������ɴ</a><a href="http://www.yundangan.com/" target="_blank">�Ƶ���</a><a href="http://www.jule365.com/" target="_blank">365�־���</a><a href="http://nanning.tianqi.com" target="_blank">��������</a><a href="http://022.job1001.com/" target="_blank">���Ӣ����</a><a href="http://www.nanningjie.com " target="_blank">��������</a><a href="http://www.nxing.cn" target="_blank">������̳</a><a href="http://www.bbrtv.com/" target="_blank">BBRTV����������</a><a href="http://www.zuojiang.com" target="_blank">����</a><a href="http://www.meiliwan.com" target="_blank">������</a><a href="http://guangxi.kaiwind.com/ " target="_blank">����������Ƶ��</a><a href="http://bh.fccs.com/" target="_blank">�������ز�</a><a href="http://www.nnnews.net/" target="_blank">����������</a></dd>
            </dl>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>��������</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('yqlj')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>

    <div class="lx">
        <form id="yjk">
        <textarea name="nr">
            .circleBox-top {
            background-position: left top;
            }
            .circleBox-top, .circleBox-bottom {
            background-image: url("http://nn.mop.com/../../static/mop/images/boder.png");
            background-repeat: no-repeat;
            height: 5px;
            overflow: hidden;
            }
            .circleBox-maddle {
            border-left: 1px solid #dddddd;
            border-right: 1px solid #dddddd;
            }
            .circleBox-bottom {
            background-position: 0 -7px;
            }

            <div class="circleBox">
                <div class="circleBox-top"></div>
                <div class="circleBox-maddle">
                 </div>
                <div class="circleBox-bottom"></div>
            </div>
        </textarea>
        <div class="fr p10">
            <div class="hd p10">
                <dt>Բ�ǿ�</dt>
                <dd></dd>
                <br><input type="button" name="B1" value="Ԥ��" onclick="yulan('yjk')"><input type="button" name="B1" value="����">
            </div>
        </div>
        </form>
    </div>
</div>
